<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="commonHeader(title)">
    <title th:text="${title}"></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="shortcut icon" th:href="@{/css/assets/ico/favicon.png}">
    <link rel="stylesheet" th:href="@{/css/login/normalize.css}">
    <link rel="stylesheet" th:href="@{/css/login/login.css}">
    <link rel="stylesheet" th:href="@{/css/login/sign-up-login.css}">
    <link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">
    <link rel="stylesheet" th:href="@{/css/login/inputEffect.css}" />
    <link rel="stylesheet" th:href="@{/css/login/tooltips.css}" />
    <link rel="stylesheet" th:href="@{/css/login/spop.min.css}" />
    <style type="text/css">
        html{width: 100%; height: 100%;}
        body{
            background-repeat: no-repeat;

            background-position: center center #2D0F0F;

            background-color: #00BDDC;

            background-image: url(../../images/login/snow.jpg);

            background-size: 100% 100%;
        }
        .snow-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 100001; }
    </style>
</head>
</html>